<template>
  <div class="content">
    <van-nav-bar
            title="中奖信息"
            left-text="返回"
            left-arrow
            @click-left="onClickLeft"
        >
        <template #right>
          <van-dropdown-menu class="dropdown" active-color="#1989fa">
            <van-dropdown-item v-model="value" :options="option1" />
          </van-dropdown-menu>
        </template>
        </van-nav-bar>
        <van-search v-model="search" placeholder="请输入搜索关键词" />

        <div class="win-list">
            <div class="win-item">
                <div>
                    <span>兑换码:</span>
                    <span>xxxxxx</span>
                </div>

                <div>
                    <span>中奖商品:</span>
                    <span>xxxxxx</span>
                </div>
                <div>
                    <span>订单时间</span>
                    <span>xxxxxx</span>
                </div>
                <div>
                    <span>兑换状态</span>
                    <span>已兑换</span>
                </div>
                <div>
                    <span>商品价格</span>
                    <span>99.92</span>
                </div>
            </div>
        </div>
  </div>
</template>

<script>
import Enums from "@/utils/enums.js";
export default {
  data () {
    return {
        value:0,
        search:'',
        option1: []
    }
  },
  methods:{
    onClickLeft() {
        this.$router.back()
    },
  },
  created(){},
  mounted(){
    this.option1 = Enums.lucky_enums.list
  },
}
</script>
<style scoped lang="scss">
.content{
    width: 100%;
    height: 100vh;
    background-color: #f8f8f8;
}
</style>